<template>
  <view class="flex-col page">
    <view class="flex-col items-center flex-auto group space-y-30">
      <view class="flex-col justify-start items-center image-wrapper">
        <image class="image_5" src="../../static/images/784ee152b952c72b110fdb7160dc402a.png" />
      </view>
      <text class="font_2 button">绑定成功！</text>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group {
      padding: 312.5rpx 0 495.83rpx;
      overflow-y: auto;
      .image-wrapper {
        padding: 104.17rpx 0 91.67rpx;
        background-color: #138f87;
        border-radius: 50%;
        width: 243.75rpx;
        .image_5 {
          width: 60.42rpx;
          height: 47.92rpx;
        }
      }
      .font_2 {
        font-size: 50rpx;
        font-family: SourceHanSansCN;
        line-height: 46.88rpx;
        color: #138f87;
      }
      .button {
        letter-spacing: 4.17rpx;
      }
    }
    .space-y-30 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-top: 62.5rpx;
      }
    }
  }
</style>